<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/02.css" />
    </head>

    <body>
        <div id="huabanwang">
            <div id="tou">
                <!--导航-->
                <div id="dh">
                    <div id="dhzuo">

                        <a href=""><img src="img/00.png"></a>
                        <a href="" class="da">首页</a>
                        <a href="" class="da">发现</a>
                        <a href="" class="da">最新</a>
                        <a href="">...</a>
                        <span>|</span>
                        <a href="" class="da">活动</a>
                        <a href="" class="da">美素</a>
                        <a href="" class="da">美思</a>
                        <a href="" class="da">美物</a>
                        <a href="" class="da">花瓣LIVE</a>

                    </div>
                    <div id="dhyou">
                        <a href="">登录</a>
                        <a href="">注册</a>
                    </div>
                </div>

                <!--搜索-->
                <div id="ss">
                    <p>花瓣，陪你做生活的设计师</p>
                    <div>
                        <form>
                            <input placeholder="搜索你想要的" type="text" />
                        </form>
                        <i class="iconfont">&#xe680;</i>
                    </div>
                    <div>
                        <span>
                           热门搜索： 
                        </span>
                        <a href="#">名片设计</a>，
                        <a href="#">文创设计</a>，
                        <a href="#">雪糕</a>，
                        <a href="#">创意合成</a>，
                        <a href="#">壁纸</a>

                    </div>
                </div>
                <div id="td">

                </div>
            </div>

            <!--身开始-->
            <div id="shen">
                <!--胸部-->
                <div id="xiong">
                    <div id="hx1">
                        <div></div>
                        <span>大家正在关注</span>
                        <div></div>
                    </div>
                    <div id="situ">
                        <a href=""></a>
                        <a href=""></a>
                        <a href=""></a>
                        <a href=""></a>
                    </div>
                    <div id="hx2">
                        <div></div>
                        <span>为您推荐</span>
                        <div></div>
                    </div>
                </div>
                <!--腰-->
                <div id="yao">
                    <!--第一行-->
                    <div id="tu1">
                        <div>
                            <div>
                                <a href=""></a>
                            </div>
                        </div>
                        <div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                        </div>
                        <div>
                            <a href="">
                                <img src="img/07.jpg">
                            </a>
                        </div>

                        <div>
                            <div></div>
                        </div>
                        <div>
                            <p>人物</p>
                            <a href="">Wng_Xn</a>
                            <p>7462采集&nbsp;&nbsp;434粉丝</p>
                        </div>
                    </div>
                    <!--第二行-->
                    <div id="tu2">
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <p>人物</p>
                            <a href="">Wng_Xn</a>
                            <p>7462采集&nbsp;&nbsp;434粉丝</p>
                        </div>
                    </div>
                    <!--第三行-->
                    <div id="tu3">
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <p>人物</p>
                            <a href="">Wng_Xn</a>
                            <p>7462采集&nbsp;&nbsp;434粉丝</p>
                        </div>
                    </div>
                    <!--第四行-->
                    <div id="tu4">
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <p>人物</p>
                            <a href="">Wng_Xn</a>
                            <p>7462采集&nbsp;&nbsp;434粉丝</p>
                        </div>
                    </div>
                    <!--第五行-->
                    <div id="tu5">
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                            <div>
                                <p>人物</p>
                                <a href="">Wng_Xn</a>
                                <p>7462采集&nbsp;&nbsp;434粉丝</p>
                            </div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <div></div>
                        </div>
                        <div>
                            <p>人物</p>
                            <a href="">Wng_Xn</a>
                            <p>7462采集&nbsp;&nbsp;434粉丝</p>
                        </div>
                    </div>
                </div>
                <!--小腹-->
                <div id="fu">
                    <div id="jiazai">
                        <div></div>
                        <a href="">大家正在关注</a>
                        <div></div>
                    </div>
                    <div id="fenlei">
                        <span>以分类浏览花瓣</span>
                        <a href="">所有采集&nbsp;»</a>
                    </div>
                    <div id="fenlie">
                        <ul id="u1">
                            <li>
                                <a href="">UI/UX</a>
                            </li>
                            <li>
                                <a href="">平面</a>
                            </li>
                            <li>
                                <a href="">插画/漫画</a>
                            </li>
                            <li>
                                <a href="">家居/家装</a>
                            </li>
                            <li>
                                <a href="">女装/搭配</a>
                            </li>
                            <li>
                                <a href="">男士/风尚</a>
                            </li>
                            <li>
                                <a href="">婚礼</a>
                            </li>
                        </ul>
                        <ul id="u1">
                            <li>
                                <a href="">UI/UX</a>
                            </li>
                            <li>
                                <a href="">平面</a>
                            </li>
                            <li>
                                <a href="">插画/漫画</a>
                            </li>
                            <li>
                                <a href="">家居/家装</a>
                            </li>
                            <li>
                                <a href="">女装/搭配</a>
                            </li>
                            <li>
                                <a href="">男士/风尚</a>
                            </li>
                            <li>
                                <a href="">婚礼</a>
                            </li>
                        </ul>
                        <ul id="u1">
                            <li>
                                <a href="">UI/UX</a>
                            </li>
                            <li>
                                <a href="">平面</a>
                            </li>
                            <li>
                                <a href="">插画/漫画</a>
                            </li>
                            <li>
                                <a href="">家居/家装</a>
                            </li>
                            <li>
                                <a href="">女装/搭配</a>
                            </li>
                            <li>
                                <a href="">男士/风尚</a>
                            </li>
                            <li>
                                <a href="">婚礼</a>
                            </li>
                        </ul>
                        <ul id="u1">
                            <li>
                                <a href="">UI/UX</a>
                            </li>
                            <li>
                                <a href="">平面</a>
                            </li>
                            <li>
                                <a href="">插画/漫画</a>
                            </li>
                            <li>
                                <a href="">家居/家装</a>
                            </li>
                            <li>
                                <a href="">女装/搭配</a>
                            </li>
                            <li>
                                <a href="">男士/风尚</a>
                            </li>
                            <li>
                                <a href="">婚礼</a>
                            </li>
                        </ul>
                        <ul id="u1">
                            <li>
                                <a href="">UI/UX</a>
                            </li>
                            <li>
                                <a href="">平面</a>
                            </li>
                            <li>
                                <a href="">插画/漫画</a>
                            </li>
                            <li>
                                <a href="">家居/家装</a>
                            </li>
                            <li>
                                <a href="">女装/搭配</a>
                            </li>
                            <li>
                                <a href="">男士/风尚</a>
                            </li>
                            <li>
                                <a href="">婚礼</a>
                            </li>
                        </ul>

                    </div>

                </div>
            </div>
            <!--尾巴-->
            <div id="wei">
                <div id="huidi">
                    <ul>
                        <li>
                            <a href="">花瓣首页</a>
                        </li>
                        <li>
                            <a href="">花瓣采集工具</a>
                        </li>
                        <li>
                            <a href="">花瓣官方博客</a>
                        </li>
                        <li>
                            <a href="">违规有害信息举报</a>
                        </li>

                    </ul>
                    <ul>
                        <li>
                            <a>联系与合作</a>
                        </li>
                        <li>
                            <a href="">花瓣采集工具</a>
                        </li>
                        <li>
                            <a href="">花瓣官方博客</a>
                        </li>
                        <li>
                            <a href="">违规有害信息举报</a>
                        </li>

                    </ul>
                    <ul>
                        <li>
                            <a>移动客户端</a>
                        </li>
                        <li>
                            <a href="">花瓣采集工具</a>
                        </li>
                        <li>
                            <a href="">花瓣官方博客</a>
                        </li>
                        <li>
                            <a href="">违规有害信息举报</a>
                        </li>

                    </ul>
                    <ul id="weixin">
                        <li>
                            <a href="">关注我们</a>
                        </li>
                        <li>
                            <a href="">新浪微博：@花瓣网</a>
                        </li>
                        <li>
                            <a href="">联系客服：在线客服</a>
                        </li>
                        <li>
                            <a>官方微信：<i class="iconfont">&#xe615;</i></a><img src="img/weixin.png">

                        </li>

                    </ul>

                </div>

                <!--右下角定位-->
                

            </div>
            <div id="heidi">
                <div id="shuchu">
                    <span>© Huaban 杭州纬聚网络有限公司</span>
                    <a href="">
                        浙公网安备 33010602001878号</a>

                </div>
            </div>

        </div>
        <div id="huiding">
            <a href="#"></a>

        </div>
        <div id="xinxi">
            <div></div>

        </div>
        <div id="jaihao">
            <div></div>
            

        </div>

    </body>

</html>